<div id="evaluacionesContainer" class="detailContainer" align="left" style="text-align: left;">
    <table class="detailTable" border="0" align="left" cellpadding=2 cellspacing=2 style="margin-top: -20px;">
        </table>
        <table class="detailTable" border="0" align="left" cellpadding=2 cellspacing=2>
        <tr>
            <td colspan="2">
                <style>
                    .ui-autocomplete {
                            max-height: 100px;
                            overflow-y: auto;
                            /* prevent horizontal scrollbar */
                            overflow-x: hidden;
                            /* add padding to account for vertical scrollbar */
                            padding-right: 20px;
                    }
                    /* IE 6 doesn't support max-height
                     * we use height instead, but this forces the menu to always be this tall
                     */
                    * html .ui-autocomplete {
                            height: 100px;
                    }
                    .totales{
                        width:110px;
                        color:#000000;
                        text-align: left;
                    }
            </style>

                <table id="formula_alimentos_table"></table>
                <div id="formula_alimentos_pager"></div>
                <div id="total_container" style="display: none">
                    <table id="total_table" style="float: right; margin-right: 25px;">
                        <tr>
                            <td class="totales">Totales:</td>
                            <td id="total_ch" class="totales">0</td>
                            <td id="total_prot" class="totales">0</td>
                            <td id="total_gr" class="totales">0</td>
                            <td id="total_kcal" class="totales">0</td>
                        </tr>
                        <tr>
                            <td class="totales">Diferencia(g):</td>
                            <td id="dif_hc" class="totales">0</td>
                            <td id="dif_prot" class="totales">0</td>
                            <td id="dif_gr" class="totales">0</td>
                            <td id="dif_kcal" class="totales">0</td>
                        </tr>
                        <tr>
                            <td class="totales">Porcentajes:</td>
                            <td id="porc_hc2" class="totales">0</td>
                            <td id="porc_prot2" class="totales">0</td>
                            <td id="porc_gr2" class="totales">0</td>
                            <td id="porc_kcal2" class="totales"></td>
                        </tr>
                        <tr>
                            <td class="totales">Dens. cal&oacute;rica:</td>
                            <td id="densidad_calorica" class="totales">0</td>
                            <td class="totales">Gramo / Caloria: </td>
                            <td id="gramo_caloria" class="totales">0</td>
                            <td class="totales"></td>
                        </tr>
                    </table>
                </div>
            </td>
        </tr>
	</table>
</div>